*, :after, :before {
    -webkit-box-sizing : border-box;
    -moz-box-sizing    : border-box;
    box-sizing         : border-box;
    padding            : 0;
    margin             : 0;
    .text-wrap
}

html, body {
    height     : 100%;
    background : #000;
}

body {
    color       : @fontColor;
    font-family : @font-family;
    font-size   : 14px;
    cursor      : default;
}

html {
    touch-action : none;
}

h1, h2, h3, h4, h5 {
    font-weight : bold;
    color       : inherit
}

ul, li, ol, dl, dd, dt {
    list-style : none
}

img {
    border         : 0;
    vertical-align : middle
}

em, i {
    font-style : normal
}

s {
    text-decoration : none
}

input {
    vertical-align : middle
}

a {
    text-decoration : none;
    color           : @linkColor;
    border          : 0
}

a:hover {
    text-decoration : none;
    color           : @hoverColor
}

a:visited {
    text-decoration : none;
    color           : @linkColor
}

h1 {
    font-size : 22px
}

h2 {
    font-size : 20px
}

h3 {
    font-size : 18px
}

h4 {
    font-size : 16px
}

h5 {
    font-size : 14px
}

input, pre, textarea, button {
    font-family : @font-family;
    font-size   : 14px;
}

pre {
    white-space : pre-wrap;
    white-space : -moz-pre-wrap;
    white-space : -o-pre-wrap;
    word-wrap   : break-word;
    word-break  : break-all
}

.clearfix:after {
    content    : "\20";
    display    : block;
    height     : 0;
    clear      : both;
    visibility : hidden
}

* html .clearfix {
    height : 1%
}

.clearfix {
    display : block
}

*:focus {
    outline : 0
}

input[type=button], input[type=submit], input[type=number], input[type=password], input[type=reset], input[type=text], input[type=tel], input[type=number], textarea {
    -webkit-appearance : none
}

a, img, button, input, textarea {
    -webkit-tap-highlight-color : rgba(255, 255, 255, 0)
}

textarea, input, button {
    display : block;
    .text-wrap;
}

&::-webkit-input-placeholder {
    font-size : 14px;
}

.clear {
    clear       : both;
    font-size   : 0;
    height      : 0;
    line-height : 0;
    overflow    : hidden
}

.hide {
    display : none
}

.line10 {
    height      : 10px;
    line-height : 1px;
    overflow    : hidden;
}

.line20 {
    height      : 20px;
    line-height : 1px;
    overflow    : hidden;
}

.line30 {
    height      : 30px;
    line-height : 1px;
    overflow    : hidden;
}
